$(function () {
    $('#loginBox a').on('click', function () {
        $('#regBox').show()
        $('#loginBox').hide()
    })
    $('#regBox a').on('click', function () {
        $('#regBox').hide()
        $('#loginBox').show()
    })

    //需求2：定义校验规则
    //console.log（layui）//导入layui.all.js
    let form = layui.form //把layui里面的表单
    //定义校验规则，使用的是form.verify()
    //参数是对象，属性是校验名称，值是校验规则
    form.verify({
        //属性是校验名称，值是校验规则
        //值有两种类型：函数和数组
        username: [/^[a-zA-Z0-9]{1,10}$/, '用户名必须1到10位数字和字母'],
        password: [/^[a-zA-Z0-9]{6,12}$/, '用户名必须6到12位数字和字母'],
        repwd: function (value) {
            //value就是你给哪个标签添加这个校验规则
            //这个标签的值就赋给value
            // console.log(value);
            // console.log($('#regBox input[name=password]').val());
            // console.log($('#regBox input[name=repassword]').val());
            let pwd = $('#regBox input[name=repassword]').val()
            if (pwd != value) {
                return alert('两次密码输入不一致')
            }
        }
    })

    let layer = layui.layer
    //注册
    $('#formReg').on('submit', function (e) {
        e.preventDefault()
        axios.post('/api/reguser', $(this).serialize()).then(({
            data: res
        }) => {
            console.log(res);
            if (res.status !== 0) {
                return layer.msg(res.message)
            }
            layer.msg(res.message)
            //切换到登录模块
            $('#regBox a').click()
            //清空表单，DOM元素中，有一个reset可以重置表单
            $('#formLogin')[0].reset()
        })
    })
    //登录功能
    $('#formLogin').on('submit', function (e) {
        e.preventDefault()
        axios.post('/api/login', $(this).serialize()).then(({
            data: res
        }) => {
            console.log(res);
            if (res.status !== 0) {
                return layer.msg(res.message)
            }
            console.log(res);
            layer.msg(res.message)
            localStorage.setItem('token', res.token)
            location.href = '/index.html'
        })
    })
})